<template>
 <div>
    <div>
              <h2>Home组件内容</h2>
              <div>
                <ul class="nav nav-tabs">
                  <li>
                <!-- <a class="list-group-item active" href="./home-news.html">News</a> -->
                    <router-link active-class="active" to="/home/news">News</router-link>
                  </li>
                  <li>
                    <!-- <a class="list-group-item " href="./home-message.html">Message</a> -->
                    <router-link active-class="active" to="/home/message">Message</router-link>
                  </li>
                </ul>
                <ul>
                  <router-view></router-view>
                </ul>
              </div>
  </div>
  </div>
</template>

<script>
export default {
   name:'Home',
   mounted(){
    console.log('Home启动了')
   },
   beforeDestroy(){
    console.log('Home要销毁了')
   }
}
</script>

<style>

</style>